<!doctype html>
<html lang="en" id="tieba" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/tieba.css">
</head>
<body>
    <div class='common-header'>
        <div class='left'>
            <a href="javascript:window.history.back();">
                <i class='iconfont icon-left'></i>
            </a>
        </div>
        <div class="middle">
            贴吧
        </div>
        <div class="right">
            <a href="javascript:;">
                <span @click="switchDialog()">发布</span>
            </a>
        </div>
    </div>
    <div v-for="item in renderObj.listArr">
        <div class="tieba-item" @click="goDetail(item.id)">
            <!-- <img src="img/tieba-left.png" alt=""> -->
            <div>
                <h2>\{{item.title}} <span>\{{item.createUser.name}}</span></h2>
                <p>\{{item.info}}</p>
<!--                 <ul>
                    <li>
                        <img src="img/tieba-item1.png" alt="">
                    </li>
                    <li>
                        <img src="img/tieba-item1.png" alt="">
                    </li>
                    <li>
                        <img src="img/tieba-item1.png" alt="">
                    </li>
                </ul> -->
                <div>
                    <i>回复（\{{item.look}}）</i>
                    <!-- <span>\{{item.createTime}}</span> -->
                    <span>阅读(\{{item.hfs}})</span>
                </div>
            </div>
        </div>
        <div class="block"></div>
    </div>

    <p class="bottom-text">到底儿了~</p>

    <!-- 发布 -->
    <div class='modal' id='letter' v-if="isShow">
        <div class='main'>
            <i @click="switchDialog()" class='iconfont icon-x'></i>
            <div class='content'>
                <!-- <h2>在这里写信件内容</h2> -->
                <div class='controls'>
                    <span>标题</span>
                    <input type="text" v-model="title">
                    <!-- <textarea v-model="msgContent"></textarea> -->
                </div>
                <div class='controls'>
                    <span>内容</span>
                    <textarea v-model="content"></textarea>
                </div>
            </div>
            <div class='modal-footer'>
                <a @click="switchDialog()" href="javascript:;">取消</a>
                <a @click="goRelease()" href="javascript:;">发布</a>
            </div>
        </div>
    </div>
</body>
<script>var app = 'tieba';</script>
<script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>